<template>
    <el-container style="height: 100%">
    <el-aside width="auto">
        <!-- 左边布局 -->
        <Common-aside></Common-aside>
    </el-aside>
    <el-container>
        <el-header>
            <!-- 顶部 -->
            <Common-header></Common-header>
        </el-header>
        <el-main>
            <!-- 中间 -->
            <Common-tag></Common-tag>
            <router-view></router-view>
        </el-main>
    </el-container>
    </el-container>
</template>



<script>

import  CommonAside from '../src/components/CommonAside.vue'
import  CommonHeader from '../src/components/CommonHeader.vue'
import CommonTag from '../src/components/CommonTag.vue'

export default {
    name: 'H-ome',
    components: {
        CommonAside,
        CommonHeader,
        CommonTag
    },
    data(){
        return {}
    }
}
</script>
<style lang="less" >
    .el-header {
        background-color: #333;
    }
    .el-main {
        padding-top: 0;
    }
</style>